$name: #{'.' + $namespace + '-numberbox'};

#{$name} {
  display: flex;

  &__controls {
    padding: 0;
    .#{$namespace}-button__shadow {
      display: none;
    }
    .#{$namespace}-button__content {
      height: 100%;

      image {
        width: auto;
        height: 100%;
      }
      .iconfont {
        position: absolute;
        @include locate();
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
      }
    }
  }

  &__add {
    order: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  &__reduce {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  #{$name}__input {
    text-align: center;
    border-radius: 0;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }
}